@charset "utf-8";
/* CSS Document */


body,input,textarea{ margin:0; padding:0;   color:#666; font-size:100%; 
       font-family: 黑体;}


body,html{ height:100% !important; width:100%;margin:0; padding:0;    background: #000;}

h1,h2,h3,h4,h5,h6,p,b,c,e,g,h,j,k,div,dl,dt,dd,ul,li,span,strong{ font-size:1em; margin:0; padding:0;font-weight: normal;}
input,button,select,textarea{outline:none;}



.clearfix #nav{    float: left;width: 70%;display: block;overflow: hidden;}
.clearfix #nav .nav-menu{}
.clearfix #nav .nav-menu li{}
.clearfix #nav .nav-menu li:hover {}
.clearfix #nav .nav-menu li a{    letter-spacing: -1px;font-size: 1.1em;}
.clearfix #nav .nav-menu li ul{    background: #000;}
.clearfix #nav .nav-menu li ul li{}
.clearfix #nav .nav-menu li ul li a{}


banner{background: #0E0E0E;position: relative;height:100%;width: 100%;display: block;overflow: hidden;}
banner .slider{ position: relative;width: 50%;height: 80%;overflow: hidden;top: 10%;left: 5%;}
banner .slider .box{ left:0; width: 100%;}
banner .slider left{ position: relative;height: 26em;float: left;width: 100%;display: block;overflow: hidden;margin-top: 6%;}
banner .slider left img{ z-index: 2;position: absolute;width: 93%;height: auto;top: 5%;left: 3%;}
banner .slider left b{ border: 10px solid #3F3F3F;position: absolute;width: 96%;height: 90%;top: 0;left: 0;z-index: 2;display: block;overflow: hidden;}
banner .slider right{position: relative;height: 26em;float: right;width: 30%;display: block;overflow: hidden;margin-top: 6%;}
banner .slider right one{ display: block;overflow: hidden;}
banner .slider right one h1{  margin-bottom: 1em;letter-spacing: 2px;color: #BEA388;    font-family: 黑体;font-size: 1.6em;}
banner .slider right one h2{display: block;overflow: hidden;border-top: 10px solid #BAA37D;;padding: 4% 0 0;}
banner .slider right one h2 o{ display: block;overflow: hidden;}
banner .slider right one h2 b{ display: block;float: left;width: auto;height: 5em;overflow: hidden;}
banner .slider right one h2 b k{ line-height: 1;display: block;font-size:2.8em;color: #BEA388;}
banner .slider right one h2 b l{ display: block;font-size: 1.4em;letter-spacing: 0.5em;color: #BEA388;}
banner .slider right one h2 c{ display: block;float: left;width: 40%;height: 5em;overflow: hidden; }
banner .slider right one h2 c k{ display: block;font-size: 1.4em;color: #BEA388;}
banner .slider right one h2 c l{ color: #BEA388;display: block; overflow: hidden;font-size: 2.2em;}
banner .slider right one h2 c l b{font-size: 0.6em;width: auto;}
banner .slider right one h2 c l c{width: auto;font-size: 1.1em;}
banner .slider right one h2 e{  display: block;font-size: 2em;letter-spacing: 4px;color: #BEA388; line-height: 1;}
banner .slider right one h2 g{ display: block;letter-spacing: 0.3em;    border-bottom: 1px solid #BAA37D;;margin-bottom: 1em;padding-bottom: 1em;color: #BEA388;}
banner .slider right one h3{display: block;overflow: hidden;margin-bottom: 15%;font-size: 1em;color: #BEA388;    line-height: 1.4; border-top: 1px solid;margin-top: 1em;padding-top: 1em;}
banner .slider right one h4{ color: #BEA388;font-size: 0.9em;display: inline-block;border-bottom: 1px solid;position: relative;}
banner .slider right one h4 b{ font-weight: bold;}
banner .slider right one h4 a{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
banner .slider right one h4:hover{opacity: 0.8;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;border-bottom: 2px solid;}
banner .slider right one h5{ display: block;overflow: hidden;color: #BEA388;font-size: 1.4em; line-height: 1.4em; border-bottom: 1px solid;padding-bottom: 1em;margin-bottom: 1em;}
banner .slider right one h5 b{ display: block;font-size: 1.1em;letter-spacing: 2px;}




banner txt{ position: absolute;height: 26em;float: right;width: 30%;display: block;overflow: hidden;top: 16em;right: 5%;}
banner txt one{ display: block;overflow: hidden;}
banner txt one h1{  margin-bottom: 1em;letter-spacing: 2px;color: #BEA388;    font-family: 黑体;font-size: 1.6em;}
banner txt one h2{display: block;overflow: hidden;border-top: 10px solid #BAA37D;;padding: 4% 0 0;}
banner txt one h2 o{ display: block;overflow: hidden;}
banner txt one h2 b{ display: block;float: left;width: auto;height: 5em;overflow: hidden;}
banner txt one h2 b k{ line-height: 1;display: block;font-size:2.8em;color: #BEA388;}
banner txt one h2 b l{ display: block;font-size: 1.4em;letter-spacing: 0.5em;color: #BEA388;}
banner txt one h2 c{ display: block;float: left;width: 40%;height: 5em;overflow: hidden; }
banner txt one h2 c k{ display: block;font-size: 1.4em;color: #BEA388;}
banner txt one h2 c l{ color: #BEA388;display: block; overflow: hidden;font-size: 2.2em;}
banner txt one h2 c l b{font-size: 0.6em;width: auto;}
banner txt one h2 c l c{width: auto;font-size: 1.1em;}
banner txt one h2 e{  display: block;font-size: 2em;letter-spacing: 4px;color: #BEA388; line-height: 1;}
banner txt one h2 g{ display: block;letter-spacing: 0.3em;    border-bottom: 1px solid #BAA37D;;margin-bottom: 1em;padding-bottom: 1em;color: #BEA388;}
banner txt one h3{display: block;overflow: hidden;margin-bottom: 15%;font-size: 1em;color: #BEA388;    line-height: 1.4; border-top: 1px solid;margin-top: 1em;padding-top: 1em;}
banner txt one h4{ color: #BEA388;font-size: 0.9em;display: inline-block;border-bottom: 1px solid;position: relative;}
banner txt one h4 b{ font-weight: bold;}
banner txt one h4 a{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
banner txt one h4:hover{opacity: 0.8;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;border-bottom: 2px solid;}
banner txt one h5{ display: block;overflow: hidden;color: #BEA388;font-size: 1.4em; line-height: 1.4em; border-bottom: 1px solid;padding-bottom: 1em;margin-bottom: 1em;}
banner txt one h5 b{ display: block;font-size: 1.1em;letter-spacing: 2px;}








.index-case{ display: block;overflow: hidden;background:#262223;padding: 3% 5%;}
.index-case tit{font-size: 1.4em; display: block;overflow: hidden;border-bottom: 1px solid;padding-bottom: 1em;margin-bottom: 2em;}
.index-case tit b{float: left;display: block;line-height: 1;color: #BEA388;}
.index-case tit c{ float: left;display: block;border-left: 4px solid #BAA37D;color: #BEA388;padding-left: 1%;margin-left: 1%;line-height: 1;}
.index-case tit e{ float: right;font-size: 0.6em;display: block;color: #BEA388;    position: relative;}
.index-case dl{display: block;overflow: hidden;}
.index-case dl dt{ float: left;width: 48%;height: 14em;overflow: hidden;position: relative;display: block;background: #000;margin-bottom: 2%;    border: 2px solid #BEA388;}
.index-case dl dt img{ position: absolute;width: 100%;height: 100%;top: 0;left: 0; opacity: 0.9;-webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; }
.index-case dl dt:hover img{-webkit-transform:scale(1.05); -moz-transform:scale(1.05); transform:scale(1.05);    opacity: 0.6;}
.index-case dl dt p{ position: absolute;width: 50%;height: 100%;background:rgba(0, 0, 0, 0.96);top: 0;left: 0;    display: block;text-align: center;}
.index-case dl dt p b{ padding: 0 2em;display: inline-block;border-top: 1px solid #BAA37D;border-bottom: 1px solid #BAA37D;margin-top:6em; color: #BEA388; font-size: 1em; font-weight: bold;line-height: 2em;}
.index-case dl dt:hover p b{ transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s; background:#000; padding: 0 3em;}
.index-case dl dt a{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.index-case dl dt:first-of-type p,.index-case dl dt:nth-child(2n) p{ left: auto;width: 50%;right: 0;}
.index-case dl dt:nth-child(3n) p,.index-case dl dt:nth-child(4n) p{left:0;}
.index-case dl dt:nth-child(5n) p,.index-case dl dt:nth-child(6n) p{left: auto;width: 50%;right: 0;}
.index-case dd{ display: block;overflow: hidden;height: 14em;    position: relative;margin-bottom: 1%;}
.index-case dd p{ float: left;width: 50%;background: #1C191A;position: relative;height: 14em;}
.index-case dd p b{ color:#BEA388; display: block;width: 60%;margin:1.6em auto 0.2em;text-align: right;font-size: 1.8em;font-Family: Arial;    margin-left: 0;}
.index-case dd p c{ color:#BEA388; display: block;width:60%;margin: 0 auto;text-align: right;font-size: 1.8em;    margin-left: 0;}
.index-case dd p e{ color:#BEA388; line-height: 2em; width: 60%;margin: 0 auto;display: block;text-align: right;    margin-left: 0;}
.index-case dd p g{ color:#BEA388; display: inline-block;border-bottom: 1px solid #BAA37D;}
.index-case dd img{ position: relative;float: left;width: 50%;height: 14em;}
.index-case dd a{ position: absolute;width: 50%;height: 100%;right: 0;top: 0;z-index: 2;}



.index-mc{ display: block;overflow: hidden;background: #000000;     position: relative;height: 40em;}
.index-mc span{ position: absolute;width: 50%;height: 100%;background: #201E1E;display: block;left: 50%;    left: 50%;top: 0;}
.index-mc tit{font-size: 1.4em; display: block;overflow: hidden;border-bottom: 1px solid;padding-bottom: 1em;margin-bottom: 2em;width: 90%;margin: 4% auto 3%; position: relative;z-index: 2;}
.index-mc tit b{float: left;display: block;line-height: 1;color: #BEA388;}
.index-mc tit c{ float: left;display: block;border-left: 4px solid #BAA37D;color: #BEA388;padding-left: 1%;margin-left: 1%;line-height: 1;margin-right: 6%;}
.index-mc tit e{ float: right;font-size: 0.6em;display: block;color: #BEA388; position: relative; opacity: 0.6;} 
.index-mc tit g{ float: left; display: block;line-height: 1;}
.index-mc tit g a{ text-decoration: inherit;color: #BEA388;font-size: 0.7em;margin: 0 0.5em;     font-weight: bold;  border-bottom: 2px solid;}
.index-mc tit g a:first-of-type,.index-mc tit g a:hover{border-bottom: 2px solid; } 
.index-mc .slider{ position: relative; height: 30em;}
.index-mc .slider .slider-nav__item{ display: none;}
.index-mc .slider .slider-arrow{ opacity: 1; border-radius: 0; display: block;font-size: 0;width:26px;  height:33px;}
.index-mc .slider-arrow--left{ background:url(../images/banner-left.png);    left: 90%; top: 34%;}
.index-mc .slider-arrow--right{ background:url(../images/banner-right.png);     right: auto;left: 90%;}
.index-mc .box{ top:10%;}
.index-mc .box a{ position: absolute;width: 100%;height: 100%;z-index: 3;display: block;overflow: hidden;}
.index-mc .box left{ z-index: 1;width: 55%;display: block;overflow: hidden;position: absolute;height:90%;top: 0;left: 0;}
.index-mc .box left img{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.index-mc .box right{ position: absolute;width: 40%;background: #181818;height: 70%;top: 10%;right: 5%;z-index: 2;}
.index-mc .box right dd{position: absolute;width:1px;height: 100%;background: #242424;left: 10%;}
.index-mc .box right dd b{ background: #BAA37D;position: absolute;width: 1px;height: 10%;top: 20%;}
.index-mc .box right dt{ position: absolute;left: 20%;width: 72%;display: block;overflow: hidden; top: 10%;}
.index-mc .box right dt img{}
.index-mc .box right dt b{    display: inline-block;color: #BEA388;font-size: 1.5em;margin-left: 74px;    border-bottom: 1px solid #BAA37D;line-height: 2;}
.index-mc .box right dt:hover b{transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;border-bottom: 1px solid #BAA37D;}
.index-mc .box right dt c{display: block;margin-left: 74px;line-height: 3em;color: #BEA388;}
.index-mc .box right dt e{display: inline-block;margin-left: 74px;font-size: 0.7em;color: #BEA388;opacity: 0.6;}




.index-product{ display: block;overflow: hidden;background: #191718;padding: 3% 5%;}
.index-product tit{font-size: 1.4em; display: block;overflow: hidden;border-bottom: 1px solid;padding-bottom: 1em;margin-bottom: 2em;}
.index-product tit b{float: left;display: block;line-height: 1;color: #BEA388;}
.index-product tit c{    float: left;display: block;border-left: 4px solid #BAA37D;color: #BEA388;padding-left: 1%;margin-left: 1%;line-height: 1;}
.index-product tit e{ float: right;font-size: 0.6em;display: block;color: #BEA388; position: relative;}
.index-product tit e a,.index-mc tit e a,.index-case tit e a,.index-product dl p a{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;    z-index: 2;}
.index-product dl{ display: block;overflow: hidden;}
.index-product dl p{width: 16%;float: left;display: block;overflow: hidden;margin-right: 5%; position: relative;}
.index-product dl p:hover img{    opacity: 0.5;}
.index-product dl p:hover b{width:40%;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;}
.index-product dl p:last-child{ margin-right:0;}
.index-product dl p img{    width: 100%;border-radius: 50%;display: block;margin-bottom: 10%;}
.index-product dl p b{    height: 4px;width: 20%;background: #BAA37D;display: block;margin: 3% auto;}
.index-product dl p c{ display: block;text-align: center;color: #BEA388;font-size: 1.1em;line-height: 2em;}




.index-info{display: block;overflow: hidden;background: #0E0E0E;padding:5% 5% 3%;}
.index-info dl{width: 14.5%;float: left;display: block;overflow: hidden; position: relative;padding: 2% 0;}
.index-info dl b{ display:block;font-size: 3em;font-family: 黑体;color: #BEA388; border-top: 8px solid;text-align: center;line-height: 1.6em;    margin-bottom: 0.5em;}
.index-info dl c{color: #BEA388;  display: block;text-align: center;border-bottom: 1px solid;line-height: 2em;margin-bottom: 2em;}
.index-info dl e{color: #BEA388;  display: block;text-align: center;margin:20% 0 25%;}
.index-info dl j{color: #BEA388;    opacity: 0.8; display: block;overflow: hidden;font-size: 0.9em;}
.index-info p{width: 14%;float: left;display: block;overflow: hidden;    padding: 0;}
.index-info p k{ width: 1px;height: 16em;display: block;background:#BEA388;margin: 0 auto;}
.index-info dl a{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.index-info p:last-child{ display: none;}



.index-about{background:#191919;display: block;overflow: hidden;padding: 5% 5%;}
.index-about left{ position: relative;display: block;overflow: hidden;width: 124px;height: 124px;float: left;    margin-right: 5%;}
.index-about left img{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.index-about left p{text-align: center;position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: block;overflow: hidden;}
.index-about left p b{ color: #BEA388;display: inline-block;text-align: center;font-size:3em;font-family: impact;border-bottom: 2px solid #BAA37D; margin-top: 0.3em;}
.index-about left p e{ color: #BEA388;display: block;text-align: center;}
.index-about center{ display: block;overflow: hidden;float: left;width: 40%;text-align: left;    margin-right: 5%;}
.index-about center b{ display: block;font-size: 1.4em;color:#BEA388;    font-weight: bold;}
.index-about center c{ display: block;height: 2px;background:#BEA388;width: 20%;margin: 1em 0;}
.index-about center e{    display: block;width: 90%;color: #BEA388;font-size: 0.9em; opacity: 0.8;}
.index-about right{ float: left;width: 18%;display: block;overflow: hidden;border: 1px solid #BEA388;text-align: center;line-height: 2.4em; position: relative;}
.index-about right b{color:#BEA388; opacity: 0.8;font-size: 0.8em; margin-right: 5%;}
.index-about right img{}
.index-about right a{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
 




.index-online{ background: #191718;display: block;padding: 2% 0;overflow: hidden;}
.index-online form{ display: block;width:90%;margin: 0 0 0 5%;display: block;overflow: hidden;}
.index-online form input{cursor:pointer; display:block;width:30%;float:left;margin-right:1%;height:2.6em;line-height:2.6em;margin-bottom:1em;padding-left: 1em;background:none;border:1px solid #BEA388;color: #BEA388;}
.index-online form textarea{cursor:pointer; display:block;width: 95.5%;background:none;border: 1px solid #BEA388;margin-bottom:1em; line-height:2.6em; padding-left:1em;color: #BEA388;}
.index-online form .btn-submit{width: 20%; height: 2em;line-height: 2em;cursor:pointer;}
.index-online form #button2{width: 20%; height: 2em;line-height: 2em;cursor:pointer;}
:-moz-placeholder {color: #BEA388; opacity:1; }
::-moz-placeholder { color: #BEA388;opacity:1;}
input:-ms-input-placeholder{color: #BEA388;opacity:1;}
input::-webkit-input-placeholder{color: #BEA388;opacity:1;}
textarea:-ms-input-placeholder{color: #BEA388;opacity:1;}
textarea::-webkit-input-placeholder{color: #BEA388;opacity:1;}
.index-online h1{ display: block;width: 90%;margin:0 auto 4%;overflow: hidden;}
.index-online h1 b{ display: block;font-size:1.4em;color: #BEA388;     font-weight: bold;}
.index-online h1 c{ display: block;height: 4px;background: #BAA37D;width: 10%;    margin: 0.8em 0;}
.index-online h1 e{ display: block;overflow: hidden;color: #BEA388;font-size: 1em;}





footer{ display: block;overflow: hidden;background: #111;padding: 3% 5% 3%;}
footer one{    margin-bottom: 2em;display: block;overflow: hidden;width: 100%;}
footer one left{display: block;overflow: hidden;float: left;margin-right: 10%;text-align: left;}
footer one left p,footer one center p{display: block;line-height: 2em; }
footer one left p img,footer one center p img{ display: inline-block;vertical-align: top; margin-right: 1em;}
footer one left p b,footer one center p b{ display: inline-block;vertical-align: top;}
footer one center{display: block;overflow: hidden;float: left;margin-right: 0;text-align: left;}
footer one right{display: block;float: right;overflow: hidden;}
footer one right img{float: right;}
footer two{    display: block;text-align: center;border-top: 1px solid #333;line-height:3em;font-size: 0.9em;margin-top: 1em;}
footer two a{ color:#666;}
footer div{ display: block;text-align: center;font-size: 0.86em;    opacity: 0.6;}
footer div a{    text-decoration: initial;color: #666;}



.one{ display: block;overflow: hidden;width: 100%;height: 100%;position: relative;}
.one .target.banner  { opacity: 0;transform: translate(0px,50px);-webkit-transform: translate(0px,50px);transition: 400ms ease 200ms; -webkit-transition: 400ms ease 200ms;}
.one .action.banner{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}




.index-case .target.case-tit  { opacity: 0;transform: translate(0px,50px);-webkit-transform: translate(0px,50px);transition: 400ms ease 200ms; -webkit-transition: 400ms ease 400ms;}
.index-case .action.case-tit{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}
.index-case .target.case-dd  { opacity: 0;transform: translate(0px,50px);-webkit-transform: translate(0px,50px);transition: 400ms ease 400ms; -webkit-transition: 400ms ease 400ms;}
.index-case .action.case-dd{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}
.index-case .target.case-dt  { opacity: 0;transform: translate(0px,50px);-webkit-transform: translate(0px,50px);transition: 400ms ease 400ms; -webkit-transition: 400ms ease 400ms;}
.index-case .action.case-dt{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px); }
.index-case .case-dt:nth-child(1){ transition: 400ms ease 200ms; -webkit-transition: 400ms ease 200ms;}
.index-case .case-dt:nth-child(2){ transition: 400ms ease 400ms; -webkit-transition: 400ms ease 400ms;float: right;}
.index-case .case-dt:nth-child(3){ transition: 400ms ease 600ms; -webkit-transition: 400ms ease 600ms;}
.index-case .case-dt:nth-child(4){ transition: 400ms ease 800ms; -webkit-transition: 400ms ease 800ms;float: right;}
.index-case .case-dt:nth-child(5){ transition: 400ms ease 1000ms; -webkit-transition: 400ms ease 1000ms;}
.index-case .case-dt:nth-child(6){ transition: 400ms ease 1200ms; -webkit-transition: 400ms ease 1200ms;float: right;}



.index-mc .target.index-mc-tit  { opacity: 0;transform: translate(0px,50px);-webkit-transform: translate(0px,50px);transition: 400ms ease 200ms; -webkit-transition: 400ms ease 200ms;}
.index-mc .action.index-mc-tit{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}

.index-mc .target.slider  { opacity: 0;transform: translate(0px,50px);-webkit-transform: translate(0px,50px);transition: 400ms ease 400ms; -webkit-transition: 400ms ease 400ms;}
.index-mc .action.slider{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}





.index-product .target.indexpro-tit  { opacity: 0;transform: translate(0px,50px);-webkit-transform: translate(0px,50px);transition: 400ms ease 200ms; -webkit-transition: 400ms ease 200ms;}
.index-product .action.indexpro-tit{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}
.index-product .target.indexpro-p  { opacity: 0;transform: translate(0px,50px);-webkit-transform: translate(0px,50px);transition: 400ms ease 400ms; -webkit-transition: 400ms ease 400ms;}
.index-product .action.indexpro-p{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);  }
.index-product .indexpro-p:nth-child(1){ transition: 400ms ease 200ms; -webkit-transition: 400ms ease 200ms;}
.index-product .indexpro-p:nth-child(2){ transition: 400ms ease 400ms; -webkit-transition: 400ms ease 400ms;}
.index-product .indexpro-p:nth-child(3){ transition: 400ms ease 600ms; -webkit-transition: 400ms ease 600ms;}
.index-product .indexpro-p:nth-child(4){ transition: 400ms ease 800ms; -webkit-transition: 400ms ease 800ms;}
.index-product .indexpro-p:nth-child(5){ transition: 400ms ease 1000ms; -webkit-transition: 400ms ease 1000ms;}



.index-info .target.in-info  { opacity: 0;transform: translate(0px,50px);-webkit-transform: translate(0px,50px);transition: 400ms ease 200ms; -webkit-transition: 400ms ease 400ms;}
.index-info .action.in-info{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}
.index-info .in-info:nth-child(1){ transition: 400ms ease 200ms; -webkit-transition: 400ms ease 200ms;}
.index-info .in-info:nth-child(2){ transition: 400ms ease 400ms; -webkit-transition: 400ms ease 400ms;}
.index-info .in-info:nth-child(3){ transition: 400ms ease 600ms; -webkit-transition: 400ms ease 600ms;}
.index-info .in-info:nth-child(4){ transition: 400ms ease 800ms; -webkit-transition: 400ms ease 800ms;}
.index-info .in-info:nth-child(5){ transition: 400ms ease 1000ms; -webkit-transition: 400ms ease 1000ms;}


 

.page-contact{display: block;overflow: hidden;}
.page-contact left{ display: block;    position: relative;margin: auto; width: 100%;height:38em;overflow: hidden;    margin-bottom:4em;    margin-top: 120px;}
.page-contact .target.p-c-left  { opacity: 0;transform: translate(0px,50px);-webkit-transform: translate(0px,50px);transition: 400ms ease 400ms; -webkit-transition: 400ms ease 400ms;}
.page-contact .action.p-c-left{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}
.page-contact left .baidu-map{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: block;overflow: hidden;}
.page-contact left .baidu-map .iw_poi_title {color:#BEA388;font-size:13px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.page-contact left .baidu-map .iw_poi_content { overflow:visible;padding-top:1px;color:#BEA388;white-space:-moz-pre-wrap;word-wrap:break-word}
.page-contact left .baidu-map #dituContent{width:100%;height:38em;border:0;}
.page-contact left .txt{position: absolute;width: 38%;height: 80%;z-index: 2; top: 10%;left: 5%; background: #111;}
.page-contact left .txt p{ background: #111;padding:1.5em 2em 1em;display: block;overflow: hidden;}
.page-contact left .txt p b{ display: block;font-size: 1.3em;font-weight: bold;color: #BEA388;margin-bottom: 0.5em;border-bottom: 1px solid;}
.page-contact left .txt p e{    display: block;color: #BEA388;}
.page-contact left .txt p c{  display:block;color: #BEA388;      margin-right:3%;float: left;width: 30%;font-size: 0.96em;}
.page-contact left .txt p j{ width:36%;display:block;color: #BEA388;    float: left; font-size: 0.96em;}

.page-contact right{     margin: auto;width: 90%;display: block;overflow: hidden;margin-bottom:4em;}
.page-contact .target.p-c-right  { opacity: 0;transform: translate(0px,20px);-webkit-transform: translate(0px,20px);transition: 400ms ease 400ms; -webkit-transition: 400ms ease 400ms;  }
.page-contact .action.p-c-right{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px); }
.page-contact right form{    float: left;display: block;overflow: HIDDEN;    width: 50%;}
.page-contact right form input{display: block;width: 90%;height: 3em;line-height: 2em;margin-bottom: 1em;padding-left: 1em;font-size: 1em;border: 1px solid #BEA388;background: none;}
.page-contact right form textarea{ border: 1px solid #BEA388;background: none;width: 90%;height: 4em;margin-bottom: 1em;padding:1em 0 0 1em;height: 6em;}
.page-contact right form p input{ float: left;width: 40%;margin-right: 1em;font-size: 1em;text-align: center;display: block;color: #BEA388;height: 2em;line-height: 2em;}
.page-contact right form p .btn-submit{cursor:pointer;}
.page-contact right form p #button2{cursor:pointer;}
.page-contact right dl{    opacity: 0.7;float: right;width: 36%;display: block;overflow: hidden;}
.page-contact right dl b{    display: block;color: #BEA388;font-size: 1.3em; border-bottom: 1px solid;margin-bottom: 1em;padding-bottom: 0.2em;}
.page-contact right dl c{color: #BEA388; display: block;  font-size:0.9em;   overflow: hidden;margin-bottom: 2em; }
 
.page-contact bottom{ display: block;width: 90%;margin: auto;overflow: hidden;margin-bottom:6em;}
.page-contact bottom dl{ display: block;float: left;width: 20%;background: #111;padding: 0;margin-right: 2em;    position: relative;}
.page-contact bottom dl a{     position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.page-contact bottom dl:hover b{    border-bottom: 2px solid #BEA388;-webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.page-contact bottom dl b{     border-bottom: 2px solid #111;display: block;text-align: center;line-height: 3em;    color: #BEA388;font-size: 1.2em;   padding: 2em 0 1em;}
.page-contact bottom dl p{ display: block;text-align: right;line-height: 2em;overflow: hidden;}
.page-contact bottom dl p c{ display: inline-block;background: #BEA388;width: 2em;height: 2em;text-align: center;color: #333;font-weight: bold;}
.page-contact bottom .target.p-c-b  { opacity: 0;transform: translate(0px,50px);-webkit-transform: translate(0px,50px);transition: 400ms ease 400ms; -webkit-transition: 400ms ease 400ms;}
.page-contact bottom .action.p-c-b{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}
.page-contact bottom .p-c-b:nth-child(1){ transition: 400ms ease 200ms; -webkit-transition: 400ms ease 200ms;}
.page-contact bottom .p-c-b:nth-child(2){ transition: 400ms ease 500ms; -webkit-transition: 400ms ease 500ms;}
.page-contact bottom .p-c-b:nth-child(3){ transition: 400ms ease 800ms; -webkit-transition: 400ms ease 800ms;}
.page-contact bottom .p-c-b:nth-child(4){ transition: 400ms ease 1000ms; -webkit-transition: 400ms ease 1000ms;}



.page-news{ display: block;overflow: hidden;background: #0E0E0E;}
.page-news .page-news-banner{ padding-top: 150px;display: block;overflow: hidden;background: #191718;    position: relative;}
.page-news .page-news-banner b{ width: 90%;margin: 0 auto;display: block;font-size: 2em;line-height: 2em; color:#BEA388; }
.page-news .page-news-banner c{ display: block;width: 5%;height: 2px;background: #BEA388;margin-left: 5%;margin-bottom: 3em;}
.page-news .page-news-banner p{    position: absolute;width: 20%;right: 0;z-index: 2;top: 170px;    opacity: 0.5;}
.page-news .page-news-banner p:hover{opacity:1;}
.page-news .page-news-banner p a{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.page-news .page-news-banner p img{ width: 19px;float: left;display: block;margin-left: 5%;margin-top: 1%;}
.page-news .page-news-banner p b{   color:#BEA388; font-size: 1em;margin: 0;    display: inline-block;float: left;width: auto;}
.page-news .page-news-list{     width: 90%;margin: 5%;display: block;overflow: hidden; }
.page-news .page-news-list dl{     float: left;position: relative;display: block;overflow: hidden; margin-bottom:1em;  width:50%; margin-right:0;}
.page-news .page-news-list .target.p-new-s  { opacity: 0;transform: translate(0px,50px);-webkit-transform: translate(0px,50px);transition: 400ms ease 400ms; -webkit-transition: 400ms ease 400ms;}
.page-news .page-news-list .action.p-new-s{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}
.page-news .page-news-list dl:nth-child(2){margin-right:0;}
.page-news .page-news-list dl a{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.page-news .page-news-list dl left{ display: block;float: left; overflow: hidden;   width: 3em;    height:2.7em;border: 1px solid;border-radius:0.5em;     padding: 1%;}
.page-news .page-news-list dl left b{    margin-top: 0;color:#BEA388; display: block;font-size:0.8em;    font-family: impact;text-align: center;}
.page-news .page-news-list dl left c{    display: block;text-align: center;font-size: 1.6em;font-family: impact;color: #BEA388;    letter-spacing: 3px; }
.page-news .page-news-list dl center{display: block;float: left;width: 80%;overflow: hidden;    margin-top: 1em;}
.page-news .page-news-list dl center c{ float: left;width: 5%;height: 1px;background: #BEA388;margin-top: 1em;    margin-left: 2%;}
.page-news .page-news-list dl center p{ color:#BEA388;   font-size: 1.1em; float: left; margin-top:0.3em;display: block;text-align: left;margin-left: 5%;    font-weight: bold;}

.page-news .page-news-list dl:hover img{ opacity: 0.8;  -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; }
.page-news .page-news-list dl:hover p{border-bottom: 1px solid; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}

.page-news dt{    width: 90%;margin: 0 auto 5%;display: block;overflow: hidden;}
.page-news dt span,.page-news dt a:hover{    color: #000;background: #BEA388;display: inline-block;margin-right: 1%;padding: 0.6% 1%;    font-size: 0.9em;}
.page-news dt a{    font-size: 0.9em; color:#BEA388; display: inline-block;padding: 0.6% 1%;background: #111;margin-right: 1%;}

.page-news .show-a-b{ color: #BEA388;width: 90%;margin: 2em auto;display: block;overflow: HIDDEN;    opacity: 0.6;   }
.page-news .show-a-b strong{color: #BEA388;font-weight: normal;    font-size: 0.9em;}
.page-news .show-a-b a{color: #BEA388;font-weight: normal;    font-size: 0.9em;    margin-right: 5%;   display: inline-block;}
.page-news .show-a-b a:hover{ border-bottom: 1px solid;}
.page-news .page-news-list tit{ display: block;overflow: hidden;margin-bottom: 1em;border-bottom: 1px solid;padding-bottom: 1em;}
.page-news .page-news-list tit b{color: #BEA388;font-size:1.6em;margin-bottom: 1em;display: block;    font-weight: bold;}
.page-news .page-news-list tit p{color: #BEA388;float: left; width:20%;    font-size: 0.9em;}
.page-news .page-news-list tit p c{color: #BEA388;    margin-right: 10%;}
.page-news .page-news-list tit p span{}
.page-news .page-news-list tit p span font{ font-weight: bold;margin-left: 1%;}
.page-news .page-news-list .jiathis_style{    margin: 0;float: left;}
.page-news .page-news-list .jiathis_style span,.page-news .page-news-list .jiathis_style span{color: #BEA388;    opacity: 0.5;}
.page-news .page-news-list div{margin-top: 3em;width: 80%;margin-bottom: 3em;overflow: hidden;}
.page-news .page-news-list div p{color: #BEA388;     margin-bottom: 1em;  font-size: 1em;}

.show-link{ display: block;padding: 2% 5%;background: #191718;}
.show-link h6{ display: block;width: 50%;color: #BEA388;font-size: 1.4em;border-bottom: 1px solid;margin-bottom: 1em;}
.show-link ul{}
.show-link ul li{  position: relative;display: block;overflow: hidden;    line-height:1.6em; opacity: 0.8; display: block;width: 50%;}
.show-link ul li a{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.show-link ul li b{color: #BEA388;font-size: 0.9em;margin-right: 5%;}
.show-link ul li c{color: #BEA388;}
.show-link ul li:hover b{    border-bottom: 1px solid;}





.page-case{ display: block;overflow: hidden;}
.page-case tit{     position: relative;background: #191718;display: block;overflow: hidden;padding: 180px 0 70px;text-align: center; }
.page-case tit h1{color: #BEA388;text-align: left;font-size: 1.2em;    margin-left: 38%;     letter-spacing: 0.5em;}
.page-case tit h2{ color: #BEA388;text-align: left;font-size: 2em;    line-height: 1.5em;    margin-left: 38%;     font-weight: bold; letter-spacing: 1em;}
.page-case tit h3{ background: #BEA388;margin-left: 38%;display: block;width: 8em;height: 2px;border-radius: 2em;margin-bottom:0.5em;}
.page-case tit h4{color: #BEA388;text-align: left;    font-size:0.8em;    margin-left: 38%;     letter-spacing: 1px; font-weight: bold;}
.page-case tit img{position: absolute;top: 160px;left: 36%;opacity: 0.4;}
.page-case tit .target.p-case-t  { opacity: 0;transform: translate(0px,50px);-webkit-transform: translate(0px,50px);transition: 400ms ease 400ms; -webkit-transition: 400ms ease 400ms;}
.page-case tit .action.p-case-t{ opacity:1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}
.page-case tit .p-case-t:nth-child(1){ transition: 400ms ease 200ms; -webkit-transition: 400ms ease 200ms;}
.page-case tit .p-case-t:nth-child(2){ transition: 400ms ease 400ms; -webkit-transition: 400ms ease 400ms;}
.page-case tit .p-case-t:nth-child(3){ transition: 400ms ease 600ms; -webkit-transition: 400ms ease 600ms;}
.page-case tit .p-case-t:nth-child(4){ transition: 400ms ease 800ms; -webkit-transition: 400ms ease 800ms;}

.case-list{ display: block;padding: 5%;overflow: hidden;}
.case-list dl{    position: relative;float: left;display: block;overflow: hidden;width:29%; height:14em; margin:2%; border: 2px solid #BEA388;}
.case-list .target.case-list-t  { opacity: 0;transform: translate(0px,50px);-webkit-transform: translate(0px,50px);transition: 400ms ease 400ms; -webkit-transition: 400ms ease 400ms;}
.case-list .action.case-list-t{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}
.case-list .case-list-t:nth-child(1){ transition: 400ms ease 200ms; -webkit-transition: 400ms ease 200ms;}
.case-list .case-list-t:nth-child(2){ transition: 400ms ease 400ms; -webkit-transition: 400ms ease 400ms;}
.case-list .case-list-t:nth-child(3){ transition: 400ms ease 600ms; -webkit-transition: 400ms ease 600ms;}
.case-list .case-list-t:nth-child(4){ transition: 400ms ease 800ms; -webkit-transition: 400ms ease 800ms;}
.case-list .case-list-t:nth-child(5){ transition: 400ms ease 1000ms; -webkit-transition: 400ms ease 1000ms;}
.case-list .case-list-t:nth-child(6){ transition: 400ms ease 1200ms; -webkit-transition: 400ms ease 1200ms;}
.case-list .case-list-t:nth-child(7){ transition: 400ms ease 1400ms; -webkit-transition: 400ms ease 1400ms;}
.case-list .case-list-t:nth-child(8){ transition: 400ms ease 1600ms; -webkit-transition: 400ms ease 1600ms;}
.case-list .case-list-t:nth-child(9){ transition: 400ms ease 1800ms; -webkit-transition: 400ms ease 1800ms;}
.case-list .case-list-t:nth-child(10){ transition: 400ms ease 2000ms; -webkit-transition: 400ms ease 2000ms;}
.case-list .case-list-t:nth-child(11){ transition: 400ms ease 2200ms; -webkit-transition: 400ms ease 2200ms;}
.case-list .case-list-t:nth-child(12){ transition: 400ms ease 2400ms; -webkit-transition: 400ms ease 2400ms;}

.case-list dl a{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.case-list dl img{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;    opacity: 0.9;}
.case-list dl p{    position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
.case-list dl:hover p{background: rgba(0, 0, 0, 0.94); }
.case-list dl p b{    display: block;font-size: 1.4em;color: #BEA388;     font-weight: bold;   position: absolute;bottom: 4em;left: 10%;    opacity: 0;}
.case-list dl p c{  opacity: 0;  font-family: Arial;text-transform: uppercase;color: #BEA388; position: absolute;bottom:4em;left: 10%;font-size: 0.8em;}
.case-list dl p c img{    position: relative;width: auto;height: 20px;display: block;float: left;top: inherit;left: 1%;}
.case-list dl p c g{    opacity: 0.5;margin-top: 2%;  float: left;display: block;}
.case-list dl p e{  opacity: 0;   position: absolute;width:3em;height: 2px;background: #BEA388;bottom: 4em;left: 10%;}
.case-list dl:hover p b{bottom: 6em;-webkit-transition:0.35s; -moz-transition:0.35s;    opacity: 1;}
.case-list dl:hover p c{bottom: 6em;-webkit-transition:0.35s; -moz-transition:0.35s;    opacity: 1;}
.case-list dl:hover p e{bottom:7em;-webkit-transition:0.35s; -moz-transition:0.35s;    opacity: 1;}




.case-show-tit left a:hover,.case-show-tit right g:hover,.case-show-tit right div a:hover img{ opacity: 1;-webkit-transition:0.35s; -moz-transition:0.35s; }

.case-show{display: block;overflow: hidden;margin: 0 auto;width: 100%;}
.case-show-tit{ position: relative; padding: 200px 0 40px;display: block;overflow: hidden;text-align: center;    border-bottom: 2px solid #BEA388;    background: #0E0808;}
.case-show-tit left{ float: left;display: block;overflow: hidden;text-align: left;margin-left: 5%;width: 50%;}
.case-show-tit left h1{ font-weight: bold;display: block;width: 100%;overflow: hidden;line-height: 1em;font-size: 2.2em;color: #BEA388;padding-bottom: 2%; }
.case-show-tit left a{  margin-top:2em;  opacity: 0.6;border-radius: 4px;color: #BEA388;border: 1px solid;height: 1.4em;display: block;line-height: 1.4em;width: 7em;text-align: center;font-size: 0.9em;padding: 0.5%;}
.case-show-tit left g{ opacity: 0.7;font-size: 0.96em; color: #BEA388;display: inline-block;overflow: hidden; margin-right: 5%;}

 
.case-show-tit right{ margin-top: 1em;float: right;width: 20%;display: block;overflow: hidden;}
.case-show-tit right g{ opacity: 0.6;position: relative;display: block;overflow: hidden;}
.case-show-tit right g a{  position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.case-show-tit right g img{width: 19px;float: left;display: block;margin-left:2%; }
.case-show-tit right g b{  color:#BEA388; font-size: 1em;margin: 0;    display: inline-block;float: left;width: auto;}
.case-show-tit right div{ margin-top: 2em;display: block;overflow: hidden;}
.case-show-tit right div a{ margin-right: 1em; display: block;overflow: hidden;float: left;}
.case-show-tit right div img{ width:18px;opacity: 0.6;}

.case-show dl{ display: block;overflow: hidden;  width: 60%; margin: 0 auto;}
.case-show dt{ display: block;overflow: hidden;margin: 150px auto 2em; }
.case-show dt p{color: #BEA388;font-size: 1em;line-height: 1.4em;margin-bottom:1em;opacity: 1;    font-family: 黑体;}
.case-show dt b{ color: #BEA388;display: inline-block;border-bottom: 1px solid;margin-bottom: 2em;font-size: 1.4em;font-weight: bold;    font-family: 黑体;}
.case-show dd{ display: block; margin: 1em auto 6em;overflow: hidden;}
.case-show dd p{ float: left; position: relative;width: 49%;display: block;overflow: hidden;height:8em;    margin-right: 1%;    margin-bottom: 1%;}
.case-show dd p a{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;}
.case-show dd p b{opacity: 0;position: absolute;width: 100%;height: 3em; line-height:3em; left: 0;color: #BEA388; bottom:0;left: 0;z-index: 2;background:#191718; padding-left:1em; }
.case-show dd p:hover b{opacity: 1;}
.case-show dd p img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
.case-show dd c{ color: #BEA388;display: inline-block;border-bottom: 1px solid;margin-bottom: 1em;font-size: 1.2em;    margin-right: 70%;    position: relative;font-weight: bold;}
.case-show dd c a{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}

.case-show div{    margin-top: 2em; width: 60%;overflow: hidden;    margin: 1em auto 0;}
.case-show div img{    margin-bottom: 1em;    width: 500px;border-radius: 1em;}

.case-show-img{ display: none;overflow: hidden;width: 60%;margin: 2em auto;    text-align: left;}
.case-show-img img{     border: 1px solid; float: none;width: 24em;margin: 0 1em 1em 0;height: auto;display: inline-block;}
.case-show-img img:nth-child(2){margin: 0 0 1em;}


.case-show-img .target.p-case-img  { opacity: 0;transform: translate(0px,50px);-webkit-transform: translate(0px,50px);transition: 800ms ease 800ms; -webkit-transition: 800ms ease 800ms;}
.case-show-img .action.p-case-img{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}

.effect-1 li img{    border-radius: 1em;}

.pc-case-img{width: 60%;margin: 0 auto 6em;overflow: hidden;}
.pc-case-img img{}
.pc-case-img .target.p-case-img  { opacity: 0;transform: translate(0px,50px);-webkit-transform: translate(0px,50px);transition: 800ms ease 800ms; -webkit-transition: 800ms ease 800ms;}
.pc-case-img .action.p-case-img{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}

/*---------case show gd start---------*/
.hsldr-nav-region {position: absolute;height: 2px;width: 20px;top: 0px;left: 0px;background-color:#BEA388;}
.hsldr-nav-wrapper {position: absolute;bottom: 0;text-align: center;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.hsldr-nav-marker {content: "";display: inline-block;height: 2px;width: 200px;background-color: #333;float: left;}
.hsldr-container {		position: relative;width: 100%;height: 80vh;max-height: 630px;overflow: hidden;opacity: 0;transition: opacity 0.5s ease-in-out;}
.hsldr-container.hsldr-has-nav-bar {height: calc( 60vh + 10px );}
.hsldr-gallery-container {position: relative;left: 0;transition: all 0.5s ease-in-out;overflow: hidden;width: 99999px;}
.hsldr-image-container {float: left;display: -ms-flexbox;      /* TWEENER - IE 10 */display: -webkit-flex;     /* NEW - Chrome */display: flex;  }
.hsldr-image-container img {width: auto;height: 60vh;max-height: 400px;}
.hsldr-container figure, .hsldr-container li {position: relative;margin: 0;}
.hsldr-container figcaption,
.hsldr-container .caption {position: absolute;left: 0;top: 50%;padding: 0;color: #fff;width: 94%;padding: 3%;opacity: 0;text-align: center;transform: translateY(-50%);transition: opacity 0.1s ease-in-out;}
.hsldr-image-container:before {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0);content: '';display: block;z-index: 0;transition: background-color 0.3s ease-in-out;}
.hsldr-container .showcaption:before {background-color: rgba(0,0,0,0.6);z-index: 1;}
.fade-in {opacity: 1;}
.info {content: "";display: block;width: 20px;height: 20px;cursor: pointer;visibility: visible;position: absolute;right: 10px;bottom: 10px;opacity: 1;z-index: 2;}
.info:before {content: "i";width: 15px;height: 15px;display: block;text-align: center;font-family: Georgia;font-style: italic;color: #fff;background-color: rgba(0,0,0,0.1);padding: 2px 3px 5px;border-radius: 2px;}
.showcaption .info:before, .showcaption .info:after {position: absolute;left: 11px;top: 4px;content: ' ';height: 15px;width: 2px;background-color: #fff;padding: 0;}
.showcaption .info:before {transform: rotate(45deg);}
.showcaption .info:after {  	transform: rotate(-45deg);}
.hsldr-container .showcaption figcaption,
.hsldr-container .showcaption .caption {	visibility: visible;	opacity: 1;z-index: 1;}
.hsldr-next, .hsldr-prev {position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);width: 15px;height: 30px;background-color: rgba(0,0,0,0.4);color: #fff;transition: background-color 0.3s ease-in-out;padding: 15px 20px;z-index: 4;}
.hsldr-has-nav-bar .hsldr-next,
.hsldr-has-nav-bar .hsldr-prev {top: calc( 50% - 15px );}
.hsldr-next {right: 0;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.hsldr-next:before, .hsldr-next:after,.hsldr-prev:before,.hsldr-prev:after {width: 15px;height: 2px;background-color: #BEA388;display: block;content: '';position: relative;}
.hsldr-next:before {-ms-transform: rotate(45deg); /* IE 9 */-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */-moz-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);top: 9px;left: 0;}
.hsldr-next:after {-ms-transform: rotate(-45deg); /* IE 9 */-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */transform: rotate(-45deg);-moz-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    top: 17px;left: 0;}
.hsldr-prev {left: 0;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.hsldr-prev:before {-ms-transform: rotate(-45deg); /* IE 9 */-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	-moz-transform: rotate(-45deg); /* Chrome, Safari, Opera */transform: rotate(-45deg);top: 9px;left: 0;}
.hsldr-prev:after {-ms-transform: rotate(45deg); /* IE 9 */-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    -moz-transform: rotate(45deg); /* Chrome, Safari, Opera */transform: rotate(45deg);top: 17px;left: 0;}
.hsldr-next:hover,.hsldr-prev:hover {background-color: rgba(0,0,0,0.6);}
/*---------case show gd end---------*/


input, textarea{color: #BEA388;}


.page-job{    display: block;overflow: hidden; }
.page-job tit{display: block;overflow: hidden;padding:150px 0 40px;background: #1B1919;text-align: center;}
.page-job tit b{ display: block;color: #BEA388;font-size: 1.8em;font-weight: bold;}
.page-job tit c{ color: #BEA388;display: block;text-align: center;font-size: 1.1em;}
.page-job .list{  display: block;overflow: hidden;padding:0% 5% 5% 5%;}
.page-job .list dl{ display: block; padding: 1% 0;overflow: hidden;    padding: 1%;margin: 2em 0;}
.page-job .list dl:nth-child(2n){ background:#0A0A0A; padding: 1%;}
.page-job .list dl img{    float: left;margin-right: 1%; opacity: 0.8; width: 20px; margin-top: 0.4%;}
.page-job .list dl dt{    float: left;display: block;overflow: hidden;width: 90%;}
.page-job .list dl dt h1{     line-height: 2em;color: #BEA388;display: block;overflow: hidden;border-bottom: 1px solid;}
.page-job .list dl dt h1 b{    float: left;font-weight: bold;font-size: 1.4em;width: 40%;}
.page-job .list dl dt h1 c{    font-weight: bold;margin-left: 15%;}
.page-job .list dl dt div{ display: block;overflow: hidden;margin: 1em 0;width: 100%;}
.page-job .list dl dt div p{    color: #BEA388;font-size: 0.9em; }

.page-job .list .target.p-job  { opacity: 0;transform: translate(0px,50px);-webkit-transform: translate(0px,50px);transition: 300ms ease 300ms; -webkit-transition: 300ms ease 300ms;}
.page-job .list .action.p-job{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}




.page-about{}
.page-about tit{display: block;overflow: hidden;padding:150px 0 40px;background: #1B1919;text-align: center;}
.page-about tit b{ display: block;color: #BEA388;font-size: 1.8em;font-weight: bold;}
.page-about tit c{ color: #BEA388;display: block;text-align: center;font-size: 1.1em;}
.page-about one{ display: block;padding: 4% 5%;overflow: hidden;}
.page-about one b{ display: block;font-size: 2em;color: #BEA388;font-weight: bold;margin-bottom: 0.5em;}
.page-about one c{ color: #BEA388; display: block;     opacity: 0.9;  font-size: 1em;}
.page-about two{ background: #0A0A0A;display: block;overflow: hidden;padding: 2% 5%;}
.page-about two img{     width: 70%;}

.page-about one g{ display: block;overflow: hidden;margin-bottom: 1em;}
.page-about one g e{     font-size: 1.2em;display: inline-block;color: #BEA388;border-bottom: 2px solid;margin: 0 1em 0 0;line-height: 2em;}


.page-about three{ background: #0C0C0C;display: block;overflow: hidden;padding: 4% 5%;}
.page-about three left{ display: block;float: left;width:60%;overflow: hidden;}
.page-about three left b{ display: block;font-weight: bold;font-size: 1.8em;margin-bottom: 0.5em;color: #BEA388;}
.page-about three left e{ color: #BEA388;    display: block;   font-size:0.96em; line-height: 1.2; }
.page-about three left g{display: block;background: #BEA388;height: 2px;width: 5em;margin-bottom:1em;}
.page-about three right{display: block;float:right;width:35%; overflow: hidden;}
.page-about three right img{ width:100%; border-radius: 5px;   }
.page-about four{  display: block;overflow: hidden;padding: 3% 5% 2%; }
.page-about four p{    overflow: hidden; margin-bottom: 2em;}
.page-about four p b{display: block;font-weight: bold;font-size: 1.6em;margin-bottom:1em;color: #BEA388;}
.page-about four p c{display: block;background: #BEA388;height: 2px;width: 5em;margin-bottom:1em;}
.page-about four dl{    display: block; overflow: hidden;}
.page-about four dl p{    border-right: 1px solid  #635A51 ;height:9em; width: 26%;float: left;display: block;overflow: hidden;    padding: 0 5%;}
.page-about four dl p:first-of-type,.page-about four dl p:nth-child(4n){ padding:0 5% 0 0;}
.page-about four dl p:nth-child(3n){ padding:0 0% 0 5%;    border: 0;}
.page-about four dl p b{    line-height: 1;font-size: 1.1em;     float: left;}
.page-about four dl p img{    float: left;margin: 1%;}
.page-about four dl p e{ color: #BEA388;font-size: 0.9em;display: block;line-height: 1.2em;opacity: 0.9; overflow: hidden;width: 100%;}
.page-about five{  display: block;overflow: hidden;padding:4% 5%;background: #0C0C0C; }
.page-about five p{    overflow: hidden; margin-bottom: 1em;}
.page-about five p b{display: block;font-weight: bold;font-size: 1.6em;margin-bottom: 0.5em;color: #BEA388;}
.page-about five p c{display: block;background: #BEA388;height: 2px;width: 5em;margin-bottom:0;}
.page-about five dl{  display: block;overflow: hidden;}
.page-about five dl a{    display: block;overflow: hidden;float: left;width:9%;    margin: 0.5%;}
.page-about five dl a img{    width: 100%;    opacity: 0.8;}
.page-about five dl a:hover img{opacity:1;}
.page-about six{  display: block;overflow: hidden;padding: 3% 0% 2%;}
.page-about six p{    overflow: hidden; margin-bottom: 2em;    padding: 0 5%;}
.page-about six p b{display: block;font-weight: bold;font-size: 1.6em;margin-bottom: 0.5em;color: #BEA388;}
.page-about six p c{display: block;background: #BEA388;height: 2px;width: 5em;margin-bottom:1em;}
.page-about six .banner{    background: none;}
.page-about six .banner .slider{}
.page-about six .banner .slides{}
.page-about six .banner .slide{}
.page-about six .banner .slide .box{ width: 100%;height: 90%;top: 5%; left: 0;    padding: 0; }
.page-about six .banner .slide .box dl{ display: block; overflow: hidden; width:88%;  margin: 0 auto;}
.page-about six .banner .slide .box dl p{ float: left;width: 21.2%;display: block;overflow: hidden;margin-bottom: 0;padding: 0;    margin: 0 5% 0 0;}
.page-about six .banner .slide .box dl p:last-child{margin: 0 0% 0 0;}
.page-about six .banner .slide .box dl p b{ font-weight: bold;font-family: impact;font-size: 1.8em;letter-spacing: 1px; border-bottom: 1px solid;}
.page-about six .banner .slide .box dl p b g{ font-family: 黑体;font-size: 0.6em;margin-left:5%;}
.page-about six .banner .slide .box dl p c{ width: 80%; color: #BEA388; display: block; height: auto; background: none;font-size: 0.96em;}
.page-about six .banner .slider-nav{display: none;}
.page-about six .banner .slider-arrow--right{right: 0;opacity: 1;display: block;color: #BEA388;font-family: sans-serif; background: none;}
.page-about six .banner .slider-arrow--left{left: 0;opacity: 1;display: block;color: #BEA388;font-family: sans-serif; background: none;}


.page-about bottom{ display: block;width: 90%;margin: auto;overflow: hidden;margin-bottom:4em;margin-top:3em;}
.page-about bottom dl{ display: block;float: left;width: 20%;background: #111;padding: 0;margin-right: 2em;    position: relative;}
.page-about bottom dl a{     position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.page-about bottom dl:hover b{    border-bottom: 2px solid #BEA388;-webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.page-about bottom dl b{     border-bottom: 2px solid #111;display: block;text-align: center;line-height: 3em;    color: #BEA388;font-size: 1.2em;   padding: 2em 0 1em;}
.page-about bottom dl p{ display: block;text-align: right;line-height: 2em;overflow: hidden;}
.page-about bottom dl p c{ display: inline-block;background: #BEA388;width: 2em;height: 2em;text-align: center;color: #333;font-weight: bold;}
.page-about   .target.p-c-b  { opacity: 0;transform: translate(0px,50px);-webkit-transform: translate(0px,50px);transition: 400ms ease 400ms; -webkit-transition: 400ms ease 400ms;}
.page-about   .action.p-c-b{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}
.page-about bottom .p-c-b:nth-child(1n){ transition: 400ms ease 200ms; -webkit-transition: 400ms ease 200ms;}
.page-about bottom .p-c-b:nth-child(2n){ transition: 400ms ease 500ms; -webkit-transition: 400ms ease 500ms;}
.page-about bottom .p-c-b:nth-child(3n){ transition: 400ms ease 800ms; -webkit-transition: 400ms ease 800ms;}
.page-about bottom .p-c-b:nth-child(4n){ transition: 400ms ease 1000ms; -webkit-transition: 400ms ease 1000ms;}


.p-lc-one{display: block;overflow: hidden;padding: 4% 5%;}
.page-about .target.p-lc-one  { opacity: 0;transform: translate(0px,50px);-webkit-transform: translate(0px,50px);transition: 400ms ease 400ms; -webkit-transition: 400ms ease 400ms;}
.page-about .action.p-lc-one{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}


.p-lc-one dl{ display: block;overflow: hidden;padding: 5% 0;     position: relative; width: 80%;}
.p-lc-one dl h6{    position: absolute;background: #BEA388;width: 1px;height: 100%;left: 50%; }
.p-lc-one dl dt{ display: block;overflow: hidden;    float: left;width: 45%;}
.p-lc-one dl dt:nth-child(2n){ float:right;margin-top: 6em;}
.p-lc-one dl dt:nth-child(3n){ margin-top: 6em;}
.p-lc-one dl dt:nth-child(4n){ margin-top: 6em;}
.p-lc-one dl dt:nth-child(5n){ margin-top: 6em;    float: left;}
.p-lc-one dl dt:nth-child(6n){ margin-top: 6em;}
.p-lc-one dl dt:nth-child(7n){ margin-top: 6em;}
.p-lc-one dl dt:nth-child(8n){ margin-top: 6em;}
.p-lc-one dl dt:nth-child(9n){ margin-top: 6em;}
.p-lc-one dl dt b{display: block;float: left;overflow: hidden;background: #BEA388;color: #000;font-family: impact; font-size:1.6em;width: 2em;height: 2em;text-align: center;line-height: 2em;border-radius: 50%;}
.p-lc-one dl dt p{width: 80%;display: block;overflow: hidden;float: left;margin-left:3%;}
.p-lc-one dl dt p c{ color: #BEA388;display: block;font-weight: bold;font-size: 1.6em;    border-bottom: 1px solid; margin-bottom: 0.5em;}
.p-lc-one dl dt p e{color: #BEA388;display: block;overflow: hidden;}

.p-lc-one dl .target.p-lc-dt{ opacity: 0;transform: translate(0px,50px);-webkit-transform: translate(0px,50px);transition: 600ms ease 600ms; -webkit-transition: 600ms ease 600ms;}
.p-lc-one dl .action.p-lc-dt{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}







.page-market{ display: block;padding: 0 0 5%;overflow: hidden;}
.page-market dl{ display: block;padding: 5% 5%;overflow: hidden; }
.page-market dl dt{ display: block;overflow: hidden;float: left;width: 24.6%;margin: 0 0.5% 0.5% 0; position: relative; height: 30em;}
.page-market dl dt:nth-child(4n){margin: 0 0% 0.5% 0;}
.page-market dl dt img{ position: absolute;width: 100%;height: 100%;top: 0;left: 0; -webkit-transition:0.5s; -moz-transition:0.3s; transition:0.3s;}
.page-market dl dt p{background: #111;position: absolute;width: auto;height: auto;bottom: 5%;left: 5%;    padding: 0% 10%;     border: 1px solid #BEA388;}
.page-market dl dt p g{    width: 6em; display: block;overflow: hidden;    margin: 0.5em 0;}
.page-market dl dt p g b{ float: left;display: block;overflow: hidden;font-family: Arial;font-weight: normal;font-size: 0.9em; border: 0; opacity: 0.6;margin-right: 5%; line-height: 1.4;}
.page-market dl dt p g img{height: 20px;width: auto;float: left;position: inherit;}
.page-market dl dt p b{    display: inline-block;overflow: hidden;font-size: 1.1em;color: #BEA388;font-weight: bold;    line-height: 2em;border-top: 1px solid;}
.page-market dl dt a{ position: absolute;width: 100%;height: 100%;top: 0;left: 0; z-index:2;}
.page-market dl dt:hover #img{    opacity: 0.6; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.page-market dl .target.m-list{ opacity: 0;transform: translate(0px,50px);-webkit-transform: translate(0px,50px);transition: 400ms ease 400ms; -webkit-transition: 400ms ease 400ms;}
.page-market dl .action.m-list{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}

.page-market tit{ display: block;padding: 1% 0;overflow: hidden;width: 90%;margin: 0 auto;border-bottom: 1px solid;margin-top: 20px;}
.page-market tit a{ color: #BEA388;display: inline-block;border: 1px solid;border-radius:2em;padding: 0.3% 2%;font-size: 0.9em;font-weight: bold;margin: 0 1% 0 0;}
.page-market tit a:hover{ color: #000; background: #BEA388;border: 1px solid #BEA388; }

.page-market dd{     position: relative;background: #191718;display: block;overflow: hidden;padding: 190px 0 70px;text-align: center; }
.page-market dd h1{color: #BEA388;text-align: left;font-size: 1.2em;    margin-left: 38%;     letter-spacing: 1em;}
.page-market dd h2{     font-weight: bold; color: #BEA388;text-align: left;font-size: 2em;    line-height: 1.2em;margin-bottom: 0.5em;margin-left: 38%;    letter-spacing: 1em;}
.page-market dd h3{ background: #BEA388;margin-left: 38%;display: block;width: 8em;height: 2px;border-radius: 2em;margin-bottom:0.5em;}
.page-market dd h4{color: #BEA388;text-align: left;    font-size: 1em;    margin-left: 38%;}
.page-market dd img{position: absolute;top: 160px;left: 36%;opacity: 0.4;}
.page-market dd .target.p-case-t  { opacity: 0;transform: translate(0px,50px);-webkit-transform: translate(0px,50px);transition: 400ms ease 400ms; -webkit-transition: 400ms ease 400ms;}
.page-market dd .action.p-case-t{ opacity:1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}

.pagePadding .target.pro-list{ opacity: 0;transform: translate(0px,50px);-webkit-transform: translate(0px,50px);transition: 400ms ease 400ms; -webkit-transition: 400ms ease 400ms;}
.pagePadding .action.pro-list{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}

.market-show{ display: block;overflow: hidden;}
.market-show one{display: block;overflow: hidden;padding: 2% 5%;    border-bottom: 1px solid #BEA388;}
.market-show one b{ font-size: 2em;font-weight: bold;color: #BEA388;border-right: 1px solid;padding-right: 3%;margin-right: 3%;}
.market-show one c{ color: #BEA388;font-size: 1em;    margin-right: 20%;}
.market-show one g{ position: relative;overflow: hidden;    float: right;}
.market-show one g b{ border: 0;margin: 0;padding: 0;font-size: 1em;font-weight: normal;}
.market-show one g img{ width: 19px;}
.market-show one g a{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.market-show two{ display: block;width: 90%;padding: 5% 0;overflow: hidden;    margin: 0 auto;}
.market-show two left{    display: block;overflow: hidden;float: left;width: 38%;}
.market-show two left b{color: #BEA388;display: inline-block;border-bottom: 1px solid;margin-bottom: 1em;font-size: 1.4em;font-weight: bold;}
.market-show two left div{display: block;margin-bottom: 5em;overflow: hidden;}
.market-show two left div p{ color: #BEA388;font-size: 1em;line-height: 1.4em;margin-bottom: 1em;opacity: 0.8;}
.market-show two left c{ color: #BEA388;display: inline-block;border-bottom: 1px solid;margin-bottom: 1em;font-size: 1.2em;margin-right: 70%;position: relative;font-weight: bold;}
.market-show two left c a{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.market-show two left dt{display: block;overflow: hidden;}
.market-show two left dt p{ float: left;display: block;width:31%;height: 15em;position: relative;overflow: hidden;margin-right: 1%;    margin-bottom: 1%;}
.market-show two left dt p a{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index:6;}
.market-show two left dt p b{ opacity: 0;position: absolute;width: 100%;background: #BEA388;z-index: 3;font-size: 1em;color: #000;border: 0;bottom: 0;margin: 0; line-height:1; padding: 25% 0;text-align: center;}
.market-show two left dt p:hover b{-webkit-transition:0.5s; -moz-transition:0.5s; transition:0.3s;opacity: 1; }
.market-show two left dt p:hover img{opacity: 0.8;}
.market-show two left dt p img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
.market-show two right{ display: block;overflow: hidden;float: none;width: 50%;    margin: 0 auto;}
.market-show two right img{border-radius: 1em;margin-bottom: 2em;}

.market-show two right .target.p-m-s-img,.market-show two .target.p-m-s-left{ opacity: 0;transform: translate(0px,50px);-webkit-transform: translate(0px,50px);transition: 400ms ease 400ms; -webkit-transition: 400ms ease 400ms;}
.market-show two right .action.p-m-s-img,.market-show two .action.p-m-s-left{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}


#p-m-list{   width: 17%; height: 175px;    border: 2px solid #BEA388; margin: 0px 0px 3% 7%;}